﻿@{
    ViewBag.Title = "Alert";
    Layout = "~/Views/Shared/_JmPage.cshtml";
}

<style>
	.ui-header .ui-title, .ui-footer .ui-title { margin-right: 0 !important; margin-left: 0 !important; }
</style>

<!-- First Page -->
<div data-role="page" id="home">
	<div data-role="header">
		<h1>Alert Example</h1>
	</div>

	<div data-role="content">
		<a href="#alert" data-transition="slidedown">Alert</a>  	
	</div>
</div>

<!-- Second Page/Dialog -->
<div data-role="dialog" id="alert">
	<div data-role="header">
		<h1>Connection Required</h1>
	</div>
	
	<div data-role="content" data-theme="b">	
		A network connection is required to sync your data.
		<br><br>

		<a href="#home" data-role="button" data-theme="c" data-rel="back">OK</a>
	</div>
</div>

<script type="text/javascript">

</script>
